<!-- 自定义导航栏 -->

<template>
	<view>
		
		<!-- 手机状态栏 -->
		<!-- <focus-status bg="#FFFFFF"></focus-status> -->
		
		<!-- 组件外层占位容器 -->
		<focus-box width="750" :height="sys.navigationBar_rpx">
			<!-- 顶部悬浮定位容器 -->
			<focus-box width="750" :height="sys.navigationBar_rpx"
			mode="row" justify="start" align="center"
			position="fixed" left="0" 
			index="3x">
				<!-- :top="sys.statusBar_rpx" -->
				<!-- 左侧按钮容器 -->
				<focus-box width="150" :height="sys.navigationBar_rpx"
				mode="row" justify="start" align="center">
					<!-- 扫一扫按钮 -->
					<focus-box :padding="[10,40]" @click="QrCodeIdentifyClick">
						<image style="width:36rpx; height:36rpx;" src="@/pagesB/static/img/collective/saoyisao.png"></image>
					</focus-box>
				</focus-box>
				
				<!-- 中间页面标题 -->
				<!-- <focus-box width="450">
					<focus-text size="34" color="black" text="集体学习"></focus-text>
				</focus-box> -->
				
				<!-- 右侧占位 -->
				<focus-box width="150"></focus-box>
				
			</focus-box>
		</focus-box>
		
	</view>
</template>

<script>
	// 接口文件引入
	import request from '../../../../common/js/request/learning.js';
	
	/**
	 * 集体学习页面自定义导航栏
	 * @description 集体学习页面自定义导航栏，杜先生开发
	 * @property {String} tag 组件标识，默认：navigation-bar
	 */
	export default {
		name: 'navigation-bar',
		props: {
			tag: { type: String, default: 'navigation-bar' },
		},
		
		// 页面数据
		data() {
			return {
				// 系统信息
				sys: {},
			}
		},
		
		// 实例挂载完毕
		mounted() {
			// 获取系统信息
			uni.$focus.systemInfo((sysD)=>{ this.sys = sysD; });
		},
		
		// 页面事件
		methods: {
			
			// ========================================= 元素事件
			// 扫一扫按钮 点击
			QrCodeIdentifyClick() {
				// 获取临时缓存
				var save_short = uni.$focus.varShortTime('get');
				// 如果已经实名
				if (save_short && save_short.is_auth==2) {
					// 调用系统扫一扫
					uni.scanCode({
						onlyFromCamera: false, // 可以从相册选择图片扫码
						scanType: ["qrCode"], // 扫码类型固定为二维码
						success: (res) => {
							
							// 先对扫码结果进行json化
							var obj_result = uni.$focus.toJson(res.result);
							
							// 通用码值处理
							if (obj_result && obj_result.id)
							{
								// 加入某学习组
								this.joinGroupInCodeReq(obj_result.id);
							}
							
							// 未能识别的情况
							else {
								// 失败提示弹框
								uni.showToast({ title: "请更换正确的二维码", icon: "none", duration: 3000 });
							}
							
						}
					});
				}
				// 进行实名认证
				else {
					// 跳转到 实名认证页面
					uni.$focus.pageJump('/pages/realname/index');
				}
			},
			
			
			// ========================================= 接口请求
			// 加入某学习组，参数：idC-学习组id
			joinGroupInCodeReq(idC) {
				request.joinGroupInCode({
					urlData: {
						id: idC, // 学习组id
					},
					success: (res) => {
						// console.log('===== 加入某学习组：', res);
						// 将返回数据保存到临时缓存
						uni.$focus.varShortTime('set', {
							'pages_tabbar_collective_joinGroup_reqData': res.info
						});
						// 加入成功，跳转到成功页面
						uni.$focus.pageJump('/pages/learning/joinSuccess/index');
					},
				});
			},
			
		},
		
	}
</script>